*{
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd{
    /* 默认有边距，都要清除 */
    margin: 0;
    padding: 0;
    /*字体设置*/

    /* 去掉列表的原点 */
    list-style: none;
    /* 默认鼠标 */
    cursor: default;
}

/*控制整个滚动条*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/*滚动条两端方向按钮*/
::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}

/*滚动条中间滑动部分*/
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    border: 2px solid white;
    background-color: rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .6);
}

/*滚动条右下角区域*/
::-webkit-scrollbar-corner {
    background-color: white;
}

//theme
.theme-default{
    background: var(--tiklab-theme-default)!important;
}
.theme-black{
    background: var(--tiklab-theme-black)!important;
    color: white!important;
}
.theme-blue{
    background: var(--tiklab-theme-blue)!important;
    color: white!important;
}

//flex  between
.display-flex-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.display-flex-gap{
    display: flex;
    gap:10px;
    align-items: center;
}
.display-flex-gap-5{
    display: flex;
    gap:5px;
    align-items: center;
}


/*面包屑*/
.breadcrumb-contant{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--pi-border-color);
    margin: 0 0 10px 0;
}

.apibox-breadcrumb{
    font-size: 15px;
    font-weight: 600;
    padding: 10px;
    margin: 0 0 5px 0;
}

.bread-cursor{
    cursor: pointer;
}

.ant-modal-mask {
    background-color: #4a60848f!important;
}

.ant-modal-title {
    font-weight: 600!important;
}

.ant-input-affix-wrapper>input.ant-input{
    font-size: var(--pi-font-size-13);
}

.ant-input-affix-wrapper{
    border-radius: var(--pi-border-radius);
    //border: 0;
}

.pi-left-search{
    margin: 10px;
    .api-search-box{
        background: #f5f5f5;
        border-radius: var(--pi-border-radius);
        border: none;
        .ant-input{
            background: #f5f5f5
        }
    }
}


.search-input{
    width: 180px;
    border-radius: var(--pi-border-radius);
    border: 0;
    background: var(--pi-bg-grey-100);

    .ant-input{
        background: var(--pi-bg-grey-100);
    }
}

.table-delete{
    color: #ff0000;
}

table .icon{
    margin:0 ;
}

.important-btn{
    color: #f0f0f0!important;
    border-radius: var(--pi-border-radius);
    font-size: var(--pi-font-size-13);
}
.ant-btn-primary{
    background: var(--pi-base-color)!important;
    font-weight: bold!important;
}
.ant-btn-default{
    background: var(--pi-bg-grey-100)!important;
    //font-weight: bold!important;
    //color:#888!important;
}



.ant-form-item-label > label{
    font-weight: 600;
    //font-size: 12px;
    color: var(--pi-font-color-grey);
}

.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
    content: '';
}

.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::after {
    display: inline-block;
    margin-right: 4px;
    color: #ff4d4f;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: '*';
}

.ant-tooltip-inner{
    font-size: var(--pi-font-size-12);
}


.ant-input{
    border-radius: var(--pi-border-radius);
}


.icon {
    width: 18px;
    height: 18px;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    margin:0 5px  ;
}


.icon-s {
    width: var(--pi-icon-s);
    height: var(--pi-icon-s);

}

.icon-m {
    width: var(--pi-icon-m);
    height: var(--pi-icon-m);
}

.icon-l {
    width: var(--pi-icon-l);
    height: var(--pi-icon-l);
}
.icon-x {
    width: var(--pi-icon-x);
    height: var(--pi-icon-x);
}


.pi-show{
    display: block;
    margin: 10px 0;
}

.pi-hide{
    display: none;
}

.pi-box-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/**面包屑**/
.breadcrumb-box{
    font-weight: bold;

    .first-item:hover{
        cursor: pointer;
        color: #48a8d9;
    }
}

.ws-img-icon{
    width: 40px;
    height: 40px;
}

.workspace-icon{
    width:var(--pi-icon-x);
    height:var(--pi-icon-x);
    padding: 3px;
}





.home-recent-box{
    margin:15px 0 20px 0;

    .home-recent-item{
        height: 105px;
        min-width: 160px;
        border-radius: var(--pi-border-radius) ;
        margin: 0 3px 0 0;
        background: var(--pi-bg-grey-100);
        padding: 15px 20px;
        cursor: pointer;
        border-bottom: 2px solid #ffffff00;


        &-left{
            display: flex;
            align-items: center;

            &-name{
                margin: 0 0 0 10px;
                font-size: var(--pi-font-size-16);
                font-weight: bold;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }


        &-num{
            padding: 15px 0 0 0;
            display: flex;
            align-items: center;
            font-size: 12px;

            &-title{
                color: #9b9b9b;
                margin: 0 10px 0 0;
            }
        }
    }

    .home-recent-item:hover{
        border-radius: var(--pi-border-radius) var(--pi-border-radius) 0 0;
        border-bottom: 2px solid var(--pi-base-color);
        transition: 1s;
    }

    .ant-empty{
        margin: 0 auto;
    }

}

.demo-loadmore-list {
    min-height: 350px;

    .ant-list-items .ant-list-item{
        border: none;
    }

}

.wscontant-contant{
    width: 100%;
    overflow: auto;
}

.postin-show{
    display: block;
}
.postin-hide{
    display: none;
}

.link-text{

    &:hover{
        color: var(--tiklab-blue);
        cursor: pointer;
    }
}

.icon-bg-border{
    //border: 1px solid #bfbfbf;
    border-radius: 4px;
}


.content-margin{
    height: 100%;
    overflow: auto;

    .content-margin-box{
        margin: 0 auto;
        max-width: 1440px;
    }

    .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before{
        content: none;
    }
}

.padding-left-right{
    padding-right:30px;
    padding-left: 30px;
}

.padding-top-bottom{
    padding-top:20px;
    padding-bottom: 20px;
}


.component-box{
    margin-bottom: 40px;

    .ant-table-tbody > tr > td{
        border-bottom: 1px solid var(--pi-border-color);
    }

    .ant-table.ant-table-bordered > .ant-table-container{
        border-right: 1px solid #f0f0f0;
    }

}

.title-font-weight-500{
    font-weight: 600;
}

.header-title{
    font-weight: var(--pi-font-weight-title);
    font-size: var(--pi-font-size-13);
}


.main-content{
    height: 100%;
    display: flex;
    overflow: hidden;
}

.text-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}


//去除对话框中的横线
.ant-modal-content {
    .ant-modal-body{
        padding: 10px 24px;

        .ant-form-item{
            margin: 0 0 15px 0;
        }
    }
    .ant-modal-header{
        border: none;
    }

    .ant-modal-footer{
        border: none;
        padding:  10px 24px;
    }
}


.tabPane-item-box{
    min-height: 120px;
    //overflow: auto;

    th{
        background:  var(--pi-bg-color) !important;
    }

    .ant-table-thead>tr .ant-table-cell{
        font-weight: var(--pi-font-weight-light);
        padding: 7px;
        font-size: 13px;
    }

    .newRow-action-hidden{
        display: none;
    }
    .newRow-action-show{
        display: block;
    }

    .ant-table-tbody>tr>td,  .ant-table tfoot>tr>td, .ant-table tfoot>tr>th{
        padding: 2px !important;
    }

    .ant-table-tbody > tr > td{
        border-bottom: 1px solid var(--pi-border-color);
    }

    .ant-table-tbody > tr:last-child > td{
        border-bottom: 1px solid var(--pi-border-color);
    }
}




.ant-table-thead > tr > th, .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td{
    padding: 8px;
}


.ant-table-thead > tr > th{
    background: var(--pi-bg-color);
    font-weight: 600;
    font-size: 13px;
    color: var(--pi-font-color-grey);
}


.ant-table-tbody > tr > td{
    border-bottom: 0;
}


.pi-list-box{
    //border-bottom: 1px solid var(--pi-border-color);

    .ant-table table{
        border-bottom: 1px solid var(--pi-border-color);
    }
}



.ant-table-tbody>tr>td,  .ant-table tfoot>tr>td, .ant-table tfoot>tr>th{
    padding: 8px ;
}

.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before{
    content: none;
}


//空状态
.ant-empty{
    margin: 20px;
}


.product-logo-box{
    display: flex;
    align-items: center;
    padding: 15px 21px;
    gap: 10px;
    cursor:pointer;

    .product-logo{
        width: var(--pi-icon-x);
        height: var(--pi-icon-x);
    }

    .product-logo-expanded{
        width: var(--pi-icon-l);
        height: var(--pi-icon-l);
    }

    .productName{
        font-size: 20px;
        font-weight: 600;
    }
}


//treeNode
.ant-tree .ant-tree-treenode{
    width: 100%;
}

.ant-tree-title{
    display: inline-block;
    width: 90%;
    padding: 5px 0;
}

.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle{
    min-width: 24px;
    width: unset;
}

.node-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ant-tree-switcher{
    padding: 5px;
    width: 18px;
}

.ant-tree .ant-tree-node-content-wrapper{
    width: 100%;
    display: flex;
    padding: unset;
    margin: 0 6px 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    align-items: center;
}

.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{
    background: var(--pi-action-color);
}

.ws-table-title-box{
    padding: 5px 9px;

    .ws-param-title{
        font-size: var(--pi-font-size-12);
    }
}